<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>自适应表格</title>
</head>
<body>
<div class="parent">
  <table class="table" border="1">
    <tr>
      <td>序号</td>
      <td>标题</td>
      <td>内容</td>
      <td>时间</td>
      <td>备注</td>
      <td>其他</td>
    </tr>
    <tr>
      <td>1</td>
      <td>标题1</td>
      <td>内容啊asdfb老师的课格拉空间岁的法国sdafgasdf啊啊啊</td>
      <td>2020/12/13</td>
      <td>备注啊备注啊</td>
      <td>其他</td>
    </tr>
    <tr>
      <td>2</td>
      <td>标题2</td>
      <td>abcdef案件感觉啊给aaa</td>
      <td>2020/12/13</td>
      <td>备注2</td>
      <td>其他2啊的两个接口给爱国</td>
    </tr>
  </table>
</div>
<style>
  .parent {
    width: 300px;
    overflow: auto;
  }
  .parent .table {
    table-layout: fixed;
  }
  .parent .table td {
    word-break: keep-all;
  }
</style>
</body>
</html>
